<template>
  <f7-card>
    <f7-card-header>{{$text('About CabloyJS')}}</f7-card-header>
    <f7-card-content>
      <div class="alert-info">{{$text('CabloyAboutTip1')}}</div>
      <p>{{$text('CabloyAboutTip2')}}</p>
      <p>{{$text('CabloyAboutTip3')}}</p>
      <p>{{$text('CabloyAboutTip4')}}</p>
    </f7-card-content>
    <f7-card-footer>
      <f7-link external target="_blank" href="https://cabloy.com">{{$text('Documentation')}}</f7-link>
      <f7-link external target="_blank" href="https://community.cabloy.com">{{$text('Community')}}</f7-link>
      <f7-link external target="_blank" href="https://github.com/zhennann/cabloy">GitHub</f7-link>
    </f7-card-footer>
  </f7-card>
</template>
<script>
// export
export default {
  installFactory,
};

// installFactory
function installFactory(_Vue) {
  const Vue = _Vue;
  const ebDashboardWidgetBase = Vue.prototype.$meta.module.get('a-dashboard').options.mixins.ebDashboardWidgetBase;
  return {
    mixins: [ ebDashboardWidgetBase ],
  };
}

</script>
